<div class="main_fr_mic" style="margin-bottom:10px;">
	<i class="glyphicon glyphicon-home"></i>
	<a href="admin/index">首页</a><span>></span>
	<a  class="active">内容管理</a><span>></span>
	<a class="active">内容管理</a>
</div>
<div class="col-md-3 main_fr_down" >
	<div class="panel panel-default">
	  <div class="panel-heading">
	    <h3 class="panel-title">专题栏目</h3>
	  </div>
	  <div class="panel-body" style="overflow:scroll;">
		<ul id="columnTree" class="ztree"></ul>
	  </div>
	</div>
</div>
<div id="interfaceList" class="main_fr_down over col-md-9">
	<div class="main_fr_search over mb10">
		  <form id="search_submit" class="form-inline">
			  <div class="good_top22">
				  <span class="good_top021">条件查询</span>
			  </div>
			  <div class="main_fr_search_cx">
			  	<!-- 栏目<input id="column_name1" type="text" placeholder="请选择栏目" class="srk" readonly style="width:200px;" onclick="showMenu(0);" />
				   <input id="column_id1" type="hidden" name="articles.column_id"/> -->
				标题<input name="articles.title" placeholder="请输入标题名称" type="text" class="srk" style="width:200px;"/>
	              	状态<select name="articles.status" class="srk" style="width:200px;">
	              		<option value="">请选择</option>
	              		<option value="1">草稿</option>
		              	<option value="2">发布</option>
		              	<option value="3">隐藏</option>
	              	  </select>
	              	<input type="button" onclick="search(1);" class="search_an01 anbg" value="查询">	
			  </div>
		  </form>
	</div>
	<div class="sh_search over mb10">
		<div class="over sh_search_table">
			
	<div class="over mb10" style=" position:relative;">
		<div class="good_top22" style="margin-bottom: 0px;">
		  <span class="good_top021">内容列表</span>
		</div>
	</div> 
	</div>
	<table class="table table-bordered table-hover">
		<thead  class="table_heaer">
			<tr class="text-center">
				<th>编号</th>
				<th>文章名称</th>
				<th>所属栏目</th>
				<th>访问量</th>
				<th>状态</th>
				<th>操作</th> 
			</tr>
		</thead>
		<tbody id="projectTable">
		</tbody>
	</table>
	</div>
		<div id="pages" class="text-right"></div>	
	</div>
<link rel="stylesheet" href="assets/plugins/zTree_v3/css/metroStyle/metroStyle.css" type="text/css">
<link rel="stylesheet" href="assets/plugins/zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css">
<style type="text/css">
.ztree li {line-height: 25px;}
.ztree li a.curSelectedNode {height: 25px;}
.ztree span {font-size: 18px;}
.ztree li span.button.add {margin-left:2px; margin-right:-1px; background-position:-144px 0; vertical-align:top; *vertical-align:middle}
</style>

<SCRIPT type="text/javascript">
	var setting = {
		view: {expandSpeed:"",
			selectedMulti: false
		},
		data: {
			simpleData: {
				enable: true,
				idKey: "id",
				pIdKey: "parent_id",
				rootPId: 0
			}
		},
		callback: {
			onClick: onClick
		}
	};
	function onClick(event, treeId, treeNode, clickFlag) {
		/* alert(treeNode.id + "、" + treeNode.module_id); */
		$.get("column/getPageByColumn", {"moduleId": treeNode.module_id, "kindDicType": treeNode.kind_dic_type
			,"isFinal": treeNode.is_final, "columnId": treeNode.id}, function(data) {
			$("#interfaceList").html(data);
		})
	}
	var zTreeObj;
	$.get("column/list", function(res) {
		zTreeObj = $.fn.zTree.init($("#columnTree"), setting, res.content);
		zTreeObj.expandAll(true);
	})
</SCRIPT>	